﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="/Common/layim/dist/css/layui.css" rel="stylesheet" />
    <link href="/Common/layim/plugin/FormDesign/css/FormDesign.css" rel="stylesheet" />

</head>
<body>
    <div id="asxsydfd-page-main">

        <div class="asxsydfd-page-container">
            <div class="layui-row">
                <div class="layui-col-xs1 asxsydfd-hide-left-area">
                    <!--左侧 做个能收展的-->
                    <div class="layui-row" style="height: 100%;">
                        <div class="layui-col-xs12 el-aside" style="height: 99%;">
                            <!--左侧自定义组件列表-->
                            <div class="asxsydfd-left-config asxsydfd-page-drag-item-list">
                                <div class="widget-cate">标签</div>
                                <ul>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_spanclick');" href="javascript:;">表单名称</a>
                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_spantips');" href="javascript:;">提示提醒</a>
                                    </li>
                                </ul>
                                <div class="widget-cate">表单组件</div>
                                <ul class="asxsydfd-left-drag-item">
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_singleclick');" href="javascript:;">输入框</a>
                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_singleclick1');" href="javascript:;">短输入框</a>
                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_doubleclick');" href="javascript:;">编辑框</a>
                                    </li>

                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_dropdown');" href="javascript:;">下拉选项</a>
                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddAssembly('_a_baidufile');" href="javascript:;">上传文件</a>
                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddAssembly('_a_baiduimg');" href="javascript:;">上传图片</a>
                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_radiodown');" href="javascript:;">单选框</a>
                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddHtml('_a_radiodown1');" href="javascript:;">复选框</a>
                                    </li>
                                </ul>
                                <div class="widget-cate">选择组件(配套使用)</div>
                                <ul>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddAssembly('_a_icon');" id="_IconPicker" href="javascript:;">图标选择器</a>

                                    </li>
                                    <li class="asxsydfd-page-drag-item-label">
                                        <a onclick="FormDesign.AddAssembly('_a_color');" id="_Colorpicker" href="javascript:;">颜色选择器</a>

                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="layui-col-xs7 asxsydfd-hide-center-area">
                    <!--工作台-->
                    <section class="el-container center-container is-vertical">
                        <header class="el-header btn-bar">
                            <div class="layui-row">
                                <div class="ng-pristine ng-valid" style="    background: #e6e6e6;">
                                    <input class="layui-btn layui-btn-sm" type="text" name="_fmname" id="_fmname" placeholder="表名称" style="text-align: left;color: #009688; background-color: #fff;">
                                    <input class="layui-btn layui-btn-sm" type="text" name="_rormname" id="_rormname" placeholder="表单名称" style="text-align: left;color: #009688; background-color: #fff;">
                                    <button class="layui-btn layui-btn-sm" onclick="FormDesign.jiazha()">根据数据生成</button>
                                    <button class="layui-btn layui-btn-sm" onclick="FormDesign.YLrun()">查看</button>
                                    <button class="layui-btn layui-btn-sm" onclick="FormDesign.faburun()">发布</button>
                                </div>


                            </div>
                        </header>

                        <main class="asxsydfd-workground el-main widget-empty" lay-filter="asxsydfdDemoFilter">

                            <form class="layui-form  layui-form-pane asxsud92form">
                                <div id="asxsyd92heater"></div>

                                <div class="layui-row layui-col-space15 layui-form-item">
                                    <!--多行输入框-->
                                    <div class="_two"></div>
                                    <!--一行行输入框-->
                                    <div class="_one"></div>
                                </div>

                            </form>
                        </main>

                    </section>
                </div>
                <div class="layui-col-xs3 asxsydfd-hide-right-area">
                    <!--右侧 做个能收展的-->
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">属性</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show" id="_html_contens">

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--左右隐藏-->
            <!--<div class="asxsydfd-hide-left"><i class="layui-icon layui-icon-prev"></i></div>-->
            <div class="asxsydfd-hide-right"><i class="layui-icon layui-icon-next"></i></div>
        </div>
    </div>
    <!--模块化属性定制框-->
    <!--单选框-->
    <script id="_a_SingleClick" type="text/html">
        <div class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_title" id="fd_title" autocomplete="off" placeholder="请输入名称" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">ID</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_id" id="fd_id" autocomplete="off" placeholder="请输入id" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">值</label>
                <div class="layui-input-block">
                    <textarea type="text" name="fd_value" id="fd_value" class="layui-textarea" style="height:300px"></textarea>
                    <!--<textarea type="text" name="fd_value" id="fd_value" autocomplete="off" placeholder="请输入值" class="layui-input"/>-->
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">类型</label>
                <div class="layui-input-block">
                    <select id="fd_type" name="fd_type" lay-verify=""><option>button</option><option>checkbox</option><option>color</option><option>date</option><option>datetime</option><option>datetime-local</option><option>email</option> <option>hidden</option><option>image</option><option>password</option><option>number</option><option>tel</option><option>text</option></select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">必填</label>
                <div class="layui-input-block">
                    <input type="radio" name="fd_required" id="fd_required" value="是" title="是" checked="">
                    <input type="radio" name="fd_required" id="fd_required" value="否" title="否">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">隐藏</label>
                <div class="layui-input-block">
                    <input type="radio" name="fd_hide" id="fd_hide" value="是" title="是" checked="">
                    <input type="radio" name="fd_hide" id="fd_hide" value="否" title="否">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">只读</label>
                <div class="layui-input-block">

                    <input type="radio" name="fd_disabled" id="fd_disabled" value="是" title="是" checked="">
                    <input type="radio" name="fd_disabled" id="fd_disabled" value="否" title="否">

                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="xiugai">修改</button>
                <button class="layui-btn" lay-submit="" lay-filter="delete">移除</button>
            </div>
        </div>

    </script>
    <!--百度编辑框DoubleClick-->
    <script id="_a_DoubleClick" type="text/html">
        <div class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_title" id="fd_title" autocomplete="off" placeholder="请输入名称" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">ID</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_id" id="fd_id" autocomplete="off" placeholder="请输入id" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">工具栏</label>
                <div class="layui-input-block">
                    <textarea type="text" name="fd_value" id="fd_value" placeholder="百度工具栏菜单" class="layui-textarea" style="height:300px"></textarea>

                </div>
            </div>

            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="xiugai">修改</button>
                <button class="layui-btn" lay-submit="" lay-filter="delete">移除</button>
            </div>
        </div>

    </script>

    <!--下拉项DropDown-->
    <script id="_a_DropDown" type="text/html">
        <div class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_title" id="fd_title" autocomplete="off" placeholder="请输入名称" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">ID</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_id" id="fd_id" autocomplete="off" placeholder="请输入id" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">数据值</label>
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit="" lay-filter="formdic">从字典项中选择</button>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">数据值</label>
                <div class="layui-input-block">
                    <textarea type="text" name="fd_value" id="fd_value" placeholder="数据字典请填写id值，否则请填写下拉选项值用|分隔请不要换行，静态值必须有|分隔，否则视为字典项" class="layui-textarea" style="height:300px"></textarea>
                </div>
            </div>





            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="xiugai">修改</button>
                <button class="layui-btn" lay-submit="" lay-filter="delete">移除</button>
            </div>
        </div>

    </script>

    <!--单选-->
    <script id="_a_RadioDown" type="text/html">
        <div class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_title" id="fd_title" autocomplete="off" placeholder="请输入名称" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">数据值</label>
                <div class="layui-input-block">
                    <textarea type="text" name="fd_value" id="fd_value" placeholder="数据字典请填写id值，否则请填写下拉选项值用|分隔请不要换行，静态值必须有|分隔，否则视为字典项" class="layui-textarea" style="height:300px"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="xiugai">修改</button>
                <button class="layui-btn" lay-submit="" lay-filter="delete">移除</button>
            </div>
        </div>

    </script>
    <!--图标和颜色选择控件-->
    <script id="_a_C_AND_I" type="text/html">
        <div class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_title" id="fd_title" autocomplete="off" placeholder="请输入名称" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">ID</label>
                <div class="layui-input-block">
                    <input type="text" name="fd_id" id="fd_id" autocomplete="off" placeholder="请输入id" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="xiugai">修改</button>
                <button class="layui-btn" lay-submit="" lay-filter="delete">移除</button>
            </div>
        </div>

    </script>
    <!--标签与提示、显示-->
    <script id="_a_SpanClick" type="text/html">
        <div class="layui-form layui-form-pane">

            <div class="layui-form-item">
                <label class="layui-form-label">提示html</label>
                <div class="layui-input-block">
                    <textarea type="text" name="fd_value" id="fd_value" placeholder="这里可写入任何的html标签" class="layui-textarea" style="height:300px"></textarea>
                </div>
            </div>





            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="xiugai">修改</button>
                <button class="layui-btn" lay-submit="" lay-filter="delete">移除</button>
            </div>
        </div>

    </script>

    <!--数据字典处理选择数-->
    <script id="_a_settree" type="text/html">
        <p style="color:red">勾选需要加载的根模块,目前只显示根节点数据，如果勾选二级节点也默认勾选该根节点</p>
        <div id="settree"></div>
        <button type="button" class="layui-btn layui-btn-sm" lay-demo="getChecked">确定</button>
    </script>


    <!--属性定制框-->
    <!--工具栏开始-->
    <!--颜色选择控件-->
    <script id="_a_color" type="text/html">

        <div class="layui-col-md6  asxsyd92move as_a_icon">
            <div class="layui-form-item">
                <label class="layui-form-label">颜色</label>
                <div class="layui-input-inline" style="width: 120px;">
                    <input type="text" value="" placeholder="请选择颜色" class="layui-input as-Colorpicker" name="Color" id="Color">
                </div>
                <div class="layui-inline" style="left: -11px;">
                    <div class="colorpicker-form"></div>
                </div>
            </div>
        </div>


    </script>
    <!--图标选择控件-->
    <script id="_a_icon" type="text/html">
        <div class="layui-col-md6  asxsyd92move as_a_icon">
            <div class="layui-form-item">
             
                    <label class="layui-form-label">图标</label>
                    <div class="layui-input-inline">
                        <input type="text" name="icon" lay-filter="icon" id="icon" placeholder="layui小图标css样式" autocomplete="off" class="layui-input as-IconPicker">
                    </div>
             
            </div>
        </div>


</script>
    <script id="_a_baiduimg" type="text/html">
        <div class="layui-col-md6  asxsyd92move as_a_icon">
            <div class="layui-form-item">
               
                    <label class="layui-form-label">图片地址</label>
                    <div class="layui-input-inline">
                        <input type="text" style="width: 120px;" name="img" lay-filter="img" id="icon" placeholder="图片地址" autocomplete="off" class="layui-input as-BaiDuImg">

                    </div>


                    <div class="layui-inline" style="left: -11px;">
                        <button type="button" class="layui-btn layui-btn-radius j_upload_img_btn">选择</button>
                    </div>
                </div>
        </div>


    </script>
    <script id="_a_baidufile" type="text/html">
        <div class="layui-col-md6  asxsyd92move as_a_icon">
            <div class="layui-form-item">
            
                    <label class="layui-form-label">附件</label>
                    <div class="layui-input-inline">
                        <input type="text" style="width: 120px;" name="file" lay-filter="icon" id="file" placeholder="附件地址" autocomplete="off" class="layui-input as-BaiDuFile">

                    </div>
                    <div class="layui-inline" style="left: -11px;">
                        <button type="button" class="layui-btn layui-btn-radius j_upload_file_btn">选择</button>
                  
                </div>
            </div>
        </div>


    </script>
    <script id="_a_spanclick" type="text/html">
        <div class="asxsyd92move as_a_spanclick" style="text-align: center;" id="_asxsfromname"><div class="layui-form-item"><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>表单名称</legend></fieldset> </div></div>
    </script>
    <script id="_a_spantips" type="text/html">
        <div class="asxsyd92move as_a_spanclick" id="_asxstisp"><div class="layui-form-item"><blockquote class="layui-elem-quote" style="text-align: left;color:red">这里是填写注意事项说明：<br />1、这里是描述；<br />2、说明。</blockquote></div></div>
    </script>
    <script id="_a_singleclick" type="text/html">
        <div class="layui-col-md6  asxsyd92move as_a_singleclick"><div class="layui-form-item"><label class="layui-form-label">标题</label><div class="layui-input-block"><input lay-verify="required" lay-filter="column" data-target="" class="layui-input"></div></div></div>
    </script>
    <script id="_a_singleclick1" type="text/html">

        <div class="layui-col-md6  asxsyd92move as_a_singleclick"><div class="layui-form-item"><label class="layui-form-label">排序</label><div class="layui-input-inline"> <input type="number" data-target="" name="Sort" placeholder="排序" autocomplete="off" class="layui-input"></div></div></div>
    </script>
    <script id="_a_doubleclick" type="text/html">

        <div class="layui-form-item layui-form-text asxsyd92move as_a_doubleclick"><label class="layui-form-label">标题</label><div class="layui-input-block"><textarea placeholder="内容" data-target="" class="layui-textarea baiduEditor"></textarea></div> </div>
    </script>
    <script id="_a_dropdown" type="text/html">

        <div class="layui-col-md6 asxsyd92move as_a_dropdown"><div class="layui-form-item"><label class="layui-form-label">下拉</label> <div class="layui-input-inline"><select lay-search name="quiz2" data-target="" class="asselect"><option value="">请选</option></select></div></div></div>
    </script>
    <script id="_a_radiodown" type="text/html">

        <div class="layui-col-md6  asxsyd92move as_a_radiodown">
            <div class="layui-form-item"> <label class="layui-form-label">单选框</label><div class="layui-input-block asRadio"><input type="radio" name="sex" value="True" title="是"><input type="radio" name="sex" value="False" title="否"></div> </div>
        </div>
    </script>
    <script id="_a_radiodown1" type="text/html">

        <div class="layui-col-md6  asxsyd92move as_a_radiodown"><div class="layui-form-item"><label class="layui-form-label">复选框</label> <div class="layui-input-block asCheckBox"><input type="checkbox" name="like[write]" title="写作"><input type="checkbox" name="like[read]" title="阅读"></div></div></div>
    </script>

    <!--工具栏结束-->
    <script src="/Common/layim/dist/layui.all.js"></script>
    <script>
        var $ = null, FormDesign = null;
        layui.config({
            base: '/Common/layim/layui_exts/' //指定 winui 路径
            , version: '1.0.0-beta'
        }).extend({  //指定js别名
            dragarrange: 'drag-arrange',
            FormDesign: 'FormDesignByWeb',
            common: 'common'
        }).define(['dragarrange', 'FormDesign', 'jquery', 'common'], function (exports) {
            $ = layui.jquery;
            console.log(999)
            FormDesign = layui.FormDesign; var $ = layui.jquery, dragarrange = layui.dragarrange;
            form = layui.form; layer = layui.layer;
            $('.draggable-element').arrangeable();

        });

    </script>


</body>
</html>